<template>
    <div style="display: flex; width: 100vw;height:100vh;">
        <div style="width: 100%;text-align: center;margin-top: 50px;">
            一个简单无聊快乐的开发框架
            <el-button  :round=true size='large' type='primary'  @click="提交并触发ws广播" >提交并触发ws广播</el-button>
            <el-button   :round=true size='large' type='primary'  @click="下载文件" >web服务器版下载文件</el-button>
        </div>
    </div>
</template>
<script setup>
import { ref, reactive } from 'vue'
import { ElMessage } from 'element-plus'
import { getCurrentInstance } from 'vue'
const { proxy } = getCurrentInstance();
const 提交方法 = proxy.API.提交方法 //提交方法('方法名',.....其他参数)
const 下载方法 = proxy.API.下载方法 //下载方法('方法名',.....其他参数)
const ws广播 = proxy.API.监听ws广播 //监听ws广播('方法名',function(参数)) //广播 就是所有用户都会收到
const ws标识 = proxy.API.监听ws标识 //监听ws标识('方法名','标识',function(参数)) // 标识 相同标识的都会收到  比如多用户账号指定某账号  和 账号多处登录
const 跳转路由 = proxy.router

const 提交并触发ws广播=async()=>{
    let 数据 = await window.提交方法("提交并触发ws广播","ws广播被触发并响应")
   // let 数据 = await 提交方法("提交并触发ws广播","ws广播被触发并响应")
    ElMessage.success(数据)
}
ws广播("ws广播被触发并响应", function (参数) {
    ElMessage.success(参数)
})
const 下载文件=async()=>{
    let 数据 = await 下载方法("下载文件","./说明.txt")
    if (数据.err!='ok'){
        ElMessage.error(数据.err)
    }
}


</script>
<style scoped></style>